export function mermaidPlugin(md) {
  const defaultFence = md.renderer.rules.fence;

  md.renderer.rules.fence = function (tokens, idx, options, env, renderer) {
    const token = tokens[idx];
    const info = token.info.trim();

    if (info === 'mermaid') {
      // 将 mermaid 代码块转换为我们的组件
      const code = token.content.trim();
      // 对代码进行转义
      const escapedCode = JSON.stringify(code);

      // 返回 Vue 组件标签（客户端渲染）
      return `<ClientOnly><Mermaid :code='${escapedCode}' /></ClientOnly>`;
    }

    return defaultFence(tokens, idx, options, env, renderer);
  };
}
